import React, { Component } from 'react';
import { Scroll } from '../common-ui-parts';
import HeadLine, { HEAD_LINE_COLOR } from '../common-ui-parts/HeadLine';
import CommonConstants from '../../constants/CommonConstants';

/**
 * アドバイス：大腸がん
 */
class Advice extends Component {
  scrollTop() {
    this.refs.scrollArea.scrollTop();
  }

  render() {
    const { alcoholAdvices, smokingAdvices, bmiAdvices, metsAdvices } = this.props;
    return (
      <div className="Advice">
        <Scroll
          ref="scrollArea"
          fixedHeight={CommonConstants.SCROLL_FIXED_HIGHT.ADVICE}
          customStyle={CommonConstants.SCROLL_Z}
        >
          <div className="report-card">
            <div className="card-content">
              <HeadLine
                level={2}
                color={HEAD_LINE_COLOR.BLUE}
              >
                まとめ
              </HeadLine>
              <p>
                これまで続けてきた習慣を変え、それを新たな習慣として定着させるためには、根気と努力が必要です。まずは取りかかりやすいところから生活習慣の見直しをすることが大切です。下のポイントのうち、取り入れやすいものからはじめてみましょう。なお、これまでの習慣を改善してから効果が現れるのには時間がかかります。また、これまでの習慣の影響が完全に除かれない場合もあります。<br/>
              </p>
              <p>
                ○&nbsp;飲みすぎないよう、注意が必要です。お酒の種類や飲み方を工夫してみましょう。
              </p>
              <p>
                ○&nbsp;たばこを吸わないようにしましょう。禁煙のための目標をつくりましょう。
              </p>
              <p>
                ○&nbsp;<a href="http://epi.ncc.go.jp/can_prev/93/index.html" target="_blank">「日本人のためのがん予防法」</a>で示されている適正BMIも参考に、体重を管理しましょう。なお、適正範囲より低体重の方で、喫煙習慣や持病がある方はそちらの改善・治療を優先してください。
              </p>
              <p>
                ○&nbsp;日常生活のなかで、積極的に身体を動かすよう心がけましょう。
              </p>
            </div>
          </div>
          <div className="report-card">
            <div className="card-content">
              <HeadLine
                level={2}
                color={HEAD_LINE_COLOR.BLUE}
              >
                あなたへのアドバイス
              </HeadLine>
              <p>
                飲酒は大腸がんのリスクを上げる最も重要な危険因子です。
                <span dangerouslySetInnerHTML={{__html: alcoholAdvices}} />
                喫煙は大腸だけでなく、他の多くのがんや循環器の病気のリスクも上げます。
                <span dangerouslySetInnerHTML={{__html: smokingAdvices}} />
                肥満度が上がると大腸がんのリスクも上がります。
                <span dangerouslySetInnerHTML={{__html: bmiAdvices}} />
                身体活動は海外でも認められている、大腸がん予防の鍵です。
                <span dangerouslySetInnerHTML={{__html: metsAdvices}} />
              </p>
            </div>
          </div>
        </Scroll>
      </div>
    );
  }
}

/*Advice.propTypes = {
  alcoholAdvices: React.PropTypes.string,
  smokingAdvices: React.PropTypes.string,
  bmiAdvices: React.PropTypes.string,
  metsAdvices: React.PropTypes.string,
};*/

export default Advice
